<?php
    $bUrl = Yii::app()->request->baseUrl;
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="seo">
    <meta name="keywords" content="keywords">
    <meta name="author" content="jiangtao">

    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
    <link href="<?php echo $bUrl ?>/favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo $bUrl ?>/static/plugins/easyui/themes/bootstrap/easyui.css" type="text/css" >
    <link rel="stylesheet" href="<?php echo $bUrl ?>/static/plugins/easyui/themes/icon.css" type="text/css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" >
    <link rel="stylesheet" href="<?php echo $bUrl ?>/static/css/layout.css" type="text/css" >

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="<?php echo $bUrl ?>/static/plugins/easyui/jquery.easyui.min.js"></script>
    <script src="<?php echo $bUrl ?>/static/plugins/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="<?php echo $bUrl ?>/static/js/calendar.js" type="text/javascript"></script>
</head>

<body class="easyui-layout">
    <!-- 头部 -->
    <div region="north" id="north" class="north" >
        <nav class="navbar">
            <div class="logo">
                爱达内容管理系统
            </div>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="javascript:" id="fullScreen" data-val="0" title="全屏"><i class="fa fa-arrows-alt fa-lg "></i></a>
                    </li>
                    <li>
                        <a href="javascript:" data-href="/js/a/sys/online/list" data-title="在线人员" title="在线人员" class="addTabPage">
                            <i class="fa fa-user fa-lg"></i><span id="onlineCount" class="label label-success">10</span>
                        </a>
                        <script>
                            function refreshOnlineCount(){
                                $.get('/js/a/sys/online/count?__notUpdateSession=true&__t='+new Date().getTime(), function(data){
                                    try{$('#onlineCount').html(Number(data))}catch(e){}
                                })
                            }
                            //refreshOnlineCount(); // 先执行一次
                            //setInterval(refreshOnlineCount, 180000); // 3分钟执行一次
                        </script>
                    </li>
                    <li class="dropdown messages-menu">
                        <a href="javascript:" class="dropdown-toggle" data-hover="dropdown" aria-expanded="false">
                            <i class="fa fa-envelope-o fa-lg"></i>
                            <span class="label label-success" id="msgNum">0</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">你有 <span id="msgNum2">0</span> 条消息</li>
                            <li>
                                <ul class="menu" id="msgList" data-mergemsglimit="5" data-mergemsgtitle="系统消息" data-mergemsgcontent="您有 {0} 条新消息，由于消息太多，这里为您合并，请点击查看按钮看详情。"></ul>
                            </li>
                            <li class="footer"><a href="javascript:" data-href="/js/a/msg/list" data-title="查看全部消息" class="addTabPage">查看全部消息</a></li>
                        </ul>
                    </li>
                    <li class="dropdown user-menu mr5">
                        <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false" style="padding: 0 !important; margin-left: 15px; ">
                            <img src="images/tx.jpg" class="head-icon">
                        </a>
                        <ul class="dropdown-menu">
                            <li class="mt5">
                                <a id="userInfo" href="javascript:" data-href="/js/a/sys/user/info" class="addTabPage">
                                    <i class="fa fa-user"></i> 个人中心
                                </a>
                            </li>
                            <li>
                                <a id="modifyPassword" href="javascript:" data-href="/js/a/sys/user/info?op=pwd" class="addTabPage">
                                    <i class="fa fa-key"></i> 修改密码
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="/js/a/logout">
                                    <i class="fa fa-sign-out"></i> 退出
                                </a>
                            </li>
                            <li class="mt10"></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <!-- 主页面 -->
    <div region="center" id="center" class="center">
        <div class="easyui-tabs" fit="true" border="false" id="tabs">
            <div title="首页" data-options="iconCls:'fa fa-home'">
                <section class="main-box">
                    <div class="row">
                        <ul class="center-list ">
                            <li>
                                <a href="#" class="am-text-success">
                                    <span class="glyphicon glyphicon-heart"></span><br>新增页面<br>2300
                                </a>
                            </li>
                            <li>
                                <a href="#" class="am-text-warning">
                                    <span class="glyphicon glyphicon-heart"></span><br>成交订单<br>308
                                </a>
                            </li>
                            <li>
                                <a href="#" class="am-text-danger">
                                    <span class="glyphicon glyphicon-heart"></span><br>昨日访问<br>80082
                                </a>
                            </li>
                            <li>
                                <a href="#" class="am-text-secondary">
                                    <span class="glyphicon glyphicon-heart"></span><br>在线用户<br>3000
                                </a>
                            </li>
                            <div class="clearfix"></div>
                        </ul>
                    </div>
                    <div class="row row-h15">
                        <div class="col-lg-6 col-md-6">
                            <div class="panel-box">
                                <div class="box-header">
                                    <i class="fa fa-bar-chart" aria-hidden="true"></i> 数据统计
                                    <i class="fa fa-chevron-down pull-right box-pointer"></i>
                                    <!--<i class="fa fa-window-close-o pull-right ml-8"></i>
                                    <i class="fa fa-window-maximize pull-right ml-8"></i>
                                    <i class="fa fa-window-minimize fa-rotate-180 pull-right"></i>-->
                                </div>
                                <div class="box-body">
                                    <div id="myCharts" style="min-height: 300px;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="panel-box">
                                <div class="box-header">
                                    <i class="fa fa-tasks" aria-hidden="true"></i> 待办事项
                                    <i class="fa fa-chevron-down pull-right box-pointer"></i>
                                </div>
                                <div class="box-body">
                                    Panel content
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row row-h15">
                        <div class="col-lg-6 col-md-6">
                            <div class="panel-box">
                                <div class="box-header">
                                    <i class="fa fa-calendar" aria-hidden="true"></i> 日历
                                    <i class="fa fa-chevron-down pull-right box-pointer"></i>
                                </div>
                                <div class="box-body">
                                    <div class="cal">
                                        <div class="cal-header text-center">
                                            <div class="cal-control">
                                                <span class="cal-icon icon-left"></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                <span class="cal-icon icon-right"></span>
                                            </div>
                                            <div class="cal-month">
                                                <span id="ym"></span>
                                                <span class="cal-icon icon-down"></span>
                                            </div>
                                            <div class="cal-lunar"> 农历戊戌年 [狗年] </div>
                                            <div class="cal-time" id="time"></div>
                                        </div>
                                        <div class="cal-week">
                                            <div class="weekend">日</div>
                                            <div>一</div>
                                            <div>二</div>
                                            <div>三</div>
                                            <div>四</div>
                                            <div>五</div>
                                            <div class="weekend">六</div>
                                        </div>
                                        <div class="cal-body" id="calBody"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="panel-box">
                                <div class="box-header">
                                    <i class="fa fa-comment"></i> 最新留言
                                    <i class="fa fa-chevron-down pull-right box-pointer"></i>
                                </div>
                                <div class="box-body">
                                    Panel content
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <!-- 菜单栏 -->
    <div region="west" id="west" class="west" title="导航菜单" split="true">
        <!--<div class="dashboard">
            <i class="fa fa-dashboard"></i><span>仪表盘</span>
        </div>-->
        <div id="menu" class="easyui-accordion" data-options="fit:true,border:false">
            <div title="仪表盘" id="dashboard" style="border-bottom: none;cursor: pointer;" onclick="alert('home')" data-options="iconCls:'fa fa-dashboard', collapsed:false,collapsible:false"></div>
            <div title="权限管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-lock'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-user-circle'">管理员列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-file-text'">日志列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-bars'">菜单列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-group'">角色列表</a>
            </div>
            <div title="常规管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-cloud'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-volume-up'">站内信</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-tasks'">任务列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-file-image-o'">图片列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-clipboard'">相册列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-shield'">广告列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-th'">广告位置</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-tree'">数据字典</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-map-marker'">行政区划</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-smile-o'">图标管理</a>
            </div>
            <div title="文章管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-book'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-pencil'">添加文章</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-check-square'">文章列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-th-large'">文章分类</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-tags'">标签管理</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-comments'">评论管理</a>
            </div>
            <div title="会员管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-user'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-plus-square'">添加会员</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-th-list'">会员列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-eject'">会员等级</a>
            </div>
            <div title="附件管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-folder'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-file'">文件列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-th-large'">文件分类</a>
            </div>
            <div title="微信管理" class="menu-list" data-options="selected:false, iconCls:'fa fa-weixin'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-user'">用户列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-apple'">素材列表</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-apple'">模板列表</a>
            </div>
            <div title="积分商城"  data-options="iconCls:'fa fa-shopping-cart'">
                <a href="" class="easyui-linkbutton" data-options="plain:true,iconCls:'fa fa-list'">兑换记录</a>

            </div>
            <div title="统计报表" class="menu-list" data-options="selected:false, iconCls:'fa fa-bar-chart'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-apple'">操作日志</a>
            </div>
            <div title="系统设置" class="menu-list" data-options="selected:false, iconCls:'fa fa-gear'">
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-sitemap'">站点地图</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-globe'">参数设置</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-filter'">敏感词</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-eraser'">清除缓存</a>
                <a href="" class="easyui-linkbutton menu-item" data-options="plain:true,iconCls:'fa fa-arrow-circle-o-right'">退出</a>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div region="south" id="south" class="south">
        Copyright ©2017 Powered By Dandelion.com
    </div>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
    <script src="<?php echo $bUrl ?>/static/js/home.js"></script>
    <script>
        $(function () {
            $(".layout-expand-west .panel-body").html('菜');
        })
    </script>
</body>
</html>
